require('../css/mine.less');

document.ready(function () {
    // 渲染 Tab 栏
    window.utils.addTabs(2);
    // 处理头像图片上传
    const userImg = document.querySelector('#userImg');
    const imgUploadIpt = document.querySelector('#imgUploadIpt');
    userImg.addEventListener('click', function (e) {
        e.preventDefault()//阻止a标签默认事件
        imgUploadIpt.click();
    })
    //运动数据
    // 运动数据跳转
    const motion = document.querySelector('.data-header');
    motion.addEventListener('click', function () {
        window.location.href = './sports-data.html';
    })
    // 请求信息
    const userData = JSON.parse(localStorage.getItem('user'));
    if (!userData) {
        location.href = './login.html';
    }
    // 获取ID
    const userId = userData.user.userId;
    // 获取个人信息
    $http.get(`/users/accountinfo?userId=${userId}`, function (res) {
        if (res.status === 0) {
            // console.log(res);
            const nickname = res.data.nickname;//昵称
            const imgurl = res.data.imgurl;//头像地址
            const sign = res.data.sign;//签名
            document.querySelector('#nickName').textContent = nickname;
            if (imgurl) { // 如果有用户头像，则设置，否则使用默认头像
                document.querySelector('#userImg').setAttribute('src', imgurl);
            }
            if (sign) { // 设置个人签名
                document.querySelector('#userSign').textContent = sign;
            }
        }
    })
    // 获取个人动态条数
    window.$http.get(`/dynamic/all?id=${userId}`, function (dynamicList) {
        if (dynamicList.status === 0) {
            document.querySelector('#dynamicCount').textContent = `${dynamicList.data.counts}条`;
        }
    })
    // 获取运动数据
    window.$http.get(`/users/mysportsBadge?userId=${userId}`, function (res) {
        if (res.status == 0) {
            const data = res.data;
            document.querySelector('#timeCount').textContent = data.sports.times.toFixed(0); // 总运动时长
            document.querySelector('#kcalCount').textContent = data.sports.calorie.toFixed(2); // 本周消耗
        } else {
            window.utils.showToast(1, '获取用户信息失败');
        }
    })
    imgUploadIpt.addEventListener('change', function () {
        // 拿到上传的文件
        const file = this.files[0];
        // console.log(file);
        // 发送请求，将文件上传到服务器
        $updateFile('/users/upload', 'imgurl', file, function (res) {
            if (res.status === 0) {
                const imgUrl = `http://139.9.177.51:8099${res.data}`
                userImg.src = imgUrl;
                // 请求修改用户信息接口
                $http.post('/users/userEdit', {
                    userId,
                    imgurl: imgUrl // 把图片的服务器地址传参
                }, function (res) {
                    if (res.status === 0) {
                        window.utils.showToast(0, '上传成功');
                    }
                })
            }
        })
    });
    //退出登录
    document.querySelector('#logout').addEventListener('click', function () {
        window.localStorage.clear();
        window.location.href = './login.html';
    });
})